<template>
  <div class="flex gap-6 flex-wrap">
    <VaAvatar color="success">
      J.D.
    </VaAvatar>

    <VaAvatar color="info">
      J.D.
    </VaAvatar>

    <VaAvatar color="warning">
      J.D.
    </VaAvatar>

    <VaAvatar color="#fafaa0">
      J.D.
    </VaAvatar>

    <VaAvatar color="danger">
      J.D.
    </VaAvatar>

    <VaAvatar color="#692BEB">
      J.D.
    </VaAvatar>

    <VaAvatar color="#540C0C" text-color="#fafaa0">
      J.D.
    </VaAvatar>
  </div>
</template>
